<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		#box{
			width: 200px;
			height: 200px;
			background: blue url() 0 0 no-repeat;
		}

	</style>
	<script type="text/javascript">
		window.onload=function  () {
			var box = document.getElementById('box');
			var width =200;
			var height =200;
			var c = ;

			var run = function run(){


				box.style.width='left:'+10+'px';
				box.style.width='left:'-10+'px';
			}
			
			setInterval(run, 1);
		}



	</script>

</head>
<body>

<div id="box">
	
</div>
	
</body>
	// <script type="text/javascript">
	// 	var box = document.getElementById('box');
	// 	var width =200;
	// 	var height =200;
	// 	var c = 1;

	// 	function run(){
	// 		if(c==1){
	// 			width +=1;
	// 			height +=1;
	// 		}else{
	// 			width -=1;
	// 			height -=1;
	// 		}

	// 		if(width==400){
	// 			c=0;
	// 		}else if(width==200){
	// 			c=1;
	// 		}
			
	// 		box.style.width=width+'px';
	// 		box.style.height=height+'px';
	// 	}
		
	// 	setInterval('run()', 5);

	// </script>
</html>